<extend  name="public@:index_basics"/>
<block name="body">
<include file="public@:head" name="shou"/>

    <!--/#header-->
    <section id="home-slider">
        <div class="container">
            <div class="row">
                <div class="main-slider">
                    <div class="slide-text">
                        <h1>全新发卡体验</h1>
                        <p>致力于解决虚拟商品的快捷寄售服务，为商户及其买家提供，便捷、绿色、安全、快速的销售和购买体验。</p>
                       <!-- <a href="#" class="btn btn-common tzdl">前往登录</a>-->
                    </div>
                    <img src="__DK__/images/bannerimg.png" class="slider-hill" alt="slider image">

                </div>
            </div>
        </div>
        <div class="preloader"><i class="fa fa-sun-o fa-spin"></i></div>
    </section>

    <form action="{:cmf_url('selectOrder')}" method="get" id="formSearch">
        <div class="search_box">
                <input type="hidden" name="type" id="searchType" value="contact">
                <div class="cx_choose"><input type="text" name="type" value="联系方式" disabled="" class="ddzt"></div>
                <div class="choose_menu">
                    <ul>
                        <li onclick="orderClick();$('#searchType').val('order')">订单编号</li>
                        <li onclick="contactClick();$('#searchType').val('phone')">联系方式</li>
                    </ul>
                </div>


                <input type="text" name="searchText" value="" placeholder="请输入联系方式" class="cx_text">
                <input type="hidden" name="picCode" value="">
                <button type="button" onclick="$('#formSearch').submit()" class="search_btn"><img src="__DK__/images/search_icon.png" alt="查询"></button>
        </div>
    </form>
    <!--/#home-slider-->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms">
                    <div class="single-service">
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms">
                            <img src="__DK__/images/ys_icon1.png" alt="">
                        </div>
                        <h2>服务器安全</h2>
                        <p>{:cmf_get_site_info()['site_name']}采用群集服务器，防御高，故障率低，无论用户身在何处，均能获得流畅安全可靠的体验。</p>
                    </div>
                </div>
                <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms">
                    <div class="single-service">
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms">
                            <img src="__DK__/images/ys_icon2.png" alt="">
                        </div>
                        <h2>界面简约</h2>
                        <p>简约的UI交互体验可以给您一个体验度极高的商户后台，更好的下单体验。</p>
                    </div>
                </div>
                <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms">
                    <div class="single-service">
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms">
                            <img src="__DK__/images/ys_icon3.png" alt="">
                        </div>
                        <h2>资金保障</h2>
                        <p>{:cmf_get_site_info()['site_name']}商户的资金，次日即可结算，资金平均停留的时间不超过12小时，您的资金安全将得到充分的保障。</p>
                    </div>
                </div>
                <div class="col-sm-3 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms">
                    <div class="single-service">
                        <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms">
                            <img src="__DK__/images/ys_icon4.png" alt="">
                        </div>
                        <h2>费率超低</h2>
                        <p>{:cmf_get_site_info()['site_name']}的支付渠道直接对接官方，直接去掉中间商的差价，因此我们可以给商户提供更低廉的费率。</p>
                    </div>
                </div>
                <div class="clearfix"></div>
               <!-- <a href="" class="main_btn" target="_blank">即刻体验</a>-->
            </div>
        </div>
    </section>
    <!--/#services-->

    <section id="action" class="responsive">
        <div class="vertical-center">
            <div class="container">
                <div class="row">
                    <div class="action take-tour">
                        <div class="col-sm-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                            <h1 class="title">结算公告</h1>
                            <p class="titledx"></p>
                            <p>支付宝、网银金额已由系统自动打款到账，如未到账请核实收款信息是否正确，银行卡商户2个小时内到账。</p>
                            <div class="jsgg">
                                <volist name="$close_time" id="vo">
                                    <div class="col-sm-6">
                                        <p class="col-sm-8 jsggleft">{:date('Y年m月d日',$vo)}系统自动结算已完毕
                                            <eq name="1" value="$i">
                                                <img src="__DK__/images/news.gif"/>
                                            </eq>

                                        </p>
                                        <p class="col-sm-4 jsggright">{:date('Y-m-d H:i',$vo)}</p>
                                    </div>
                                </volist>

                                <!--<div class="col-sm-6">
                                    <p class="col-sm-8 jsggleft">2018年12月23日系统自动结算已完毕</p>
                                    <p class="col-sm-4 jsggright">2018-12-23 10:05</p>
                                </div>
                                <div class="col-sm-6">
                                    <p class="col-sm-8 jsggleft">2018年12月15日系统自动结算已完毕</p>
                                    <p class="col-sm-4 jsggright">2018-12-15 10:05</p>
                                </div>
                                <div class="col-sm-6">
                                    <p class="col-sm-8 jsggleft">2018年12月11日系统自动结算已完毕</p>
                                    <p class="col-sm-4 jsggright">2018-12-11 10:05</p>
                                </div>-->
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#action-->

    <section id="features">
        <div class="container">
            <div class="row" style="margin-top: 40px;">
                <h1 class="title">快速成为商户</h1>
                <p class="titledx"></p>
                <p class="title1">只需6步，享受全新自动发卡</p>
                <div class="single-features">
                    <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_img1.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_icon2.png" class="rz_iconright"/>
                        <h2>1:注册商户</h2>
                        <P>零门槛入驻，注册仅需一步</P>
                    </div>
                </div>
                <div class="single-features">
                    <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_icon6.png" class="rz_iconleft"/>
                        <h2>2:绑定商户</h2>
                        <P>安全验证，一步绑定完成</P>
                    </div>
                    <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_img2.png" class="img-responsive" alt="">
                    </div>
                </div>
                <div class="single-features">
                    <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_img3.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_icon4.png" class="rz_iconright"/>
                        <h2>3:自主商品</h2>
                        <P>多终端 多平台，实时操作</P>
                    </div>
                </div>
                <div class="single-features">
                    <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_icon3.png" class="rz_iconleft"/>
                        <h2>4:自助下单</h2>
                        <P>强大UI设计，更便捷购买体验</P>
                    </div>
                    <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_img4.png" class="img-responsive" alt="">
                    </div>
                </div>
                <div class="single-features">
                    <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_img5.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_icon1.png" class="rz_iconright"/>
                        <h2>5:自动发货</h2>
                        <P>支付即发货，24小时无间断</P>
                    </div>
                </div>
                <div class="single-features">
                    <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_icon2 (1).png" class="rz_iconleft"/>
                        <h2>6:自动结算</h2>
                        <P>安全既无忧，资金实时到账</P>
                    </div>
                    <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <img src="__DK__/images/rz_img6.png" class="img-responsive" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#features-->

    <section id="team">
        <div class="container">
            <div class="row">
                <h1 class="title">众多支付方式</h1>
                <p class="titledx"></p>
                <p class="title1">Multiple payment methods</p>
                <div id="team-carousel" class="carousel slide wow fadeIn" data-ride="carousel" data-wow-duration="400ms" data-wow-delay="400ms">
                    <!-- Indicators -->
                    <ol class="carousel-indicators visible-xs">
                        <li data-target="#team-carousel" data-slide-to="0" class="active"></li>
                        <li data-target="#team-carousel" data-slide-to="1"></li>
                    </ol>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="col-sm-3 col-xs-6">
                                <div class="zffs">
                                    <img src="__DK__/images/cft_on.png" class="img-responsive" alt="" width="100%">
                                </div>
                            </div>
                            <div class="col-sm-3 col-xs-6">
                                <div class="zffs">
                                    <img src="__DK__/images/wxzf_on.png" class="img-responsive" alt="" width="100%">
                                </div>
                            </div>
                            <div class="col-sm-3 col-xs-6">
                                <div class="zffs">
                                    <img src="__DK__/images/qqzf_on.png" class="img-responsive" alt="" width="100%">
                                </div>
                            </div>
                            <div class="col-sm-3 col-xs-6">
                                <div class="zffs">
                                    <img src="__DK__/images/yl_on.png" class="img-responsive" alt="" width="100%">
                                </div>
                            </div>
                        </div>
                        <!--<div class="item">
                            <div class="col-sm-3 col-xs-6">
                                <div class="zffs">
                                    <img src="__DK__/images/zfb_on.png" class="img-responsive" alt="" width="100%">
                                </div>
                            </div>
                            <div class="col-sm-3 col-xs-6">
                                <div class="zffs">
                                    <img src="__DK__/images/cft_on.png" class="img-responsive" alt="" width="100%">
                                </div>
                            </div>
                        </div>-->
                    </div>

                    <!-- Controls -->
                    <a class="left team-carousel-control hidden-xs" href="#team-carousel" data-slide="prev">left</a>
                    <a class="right team-carousel-control hidden-xs" href="#team-carousel" data-slide="next">right</a>
                </div>
            </div>
        </div>
    </section>
        <include file="public@:footer">
</block>
<block name="js">
    <script type="text/javascript" src="__DK__/js/wow.min.js"></script>
    <script type="text/javascript" src="__DK__/js/main.js"></script>
    <script>


        function orderClick() {
            $('#searchType').val('orderid');
            $('[name=searchText]').attr('placeholder', '请输入订单号查询订单');
            $('.choose_menu').hide()
            $('.cx_choose').children('input').val('订单编号');
        }

        function contactClick() {
            $('#searchType').val('contact');
            $('[name=searchText]').attr('placeholder', '请输入联系方式');
            $('.choose_menu').hide()
            $('.cx_choose').children('input').val('联系方式');
        }

        function btnClick() {
            var searchType = $('#searchType').val();
            if(searchType === 'contact') {
                $('.yz_box,.yz_shadow').fadeIn();
                $('.yz_box img').attr('src', '/captcha?t=' + new Date());
                $('[name=yzm_val]').val('');
                $('[name=yzm_val]').focus();
            } else {
                $('#formSearch').submit();
            }
        }

        function submitForm() {
            $('[name=picCode]').val($('[name=yzm_val]').val());
            $('.yz_shadow').fadeOut();
            $('.yz_box').fadeOut();
            $('#formSearch').submit();
        }
        $('.yz_shadow').click(function() {
            $(this).fadeOut();
            $('.yz_box').fadeOut();
        });

        $('.cx_choose').on('click', function() {
            $('.choose_menu').toggle()
        })



    </script>

</block>